import { defineStore } from "pinia";
import { ref, computed } from "vue";

export const useTodoStore = defineStore(
  "todo",
  () => {
    //{id:Date.now(),content:"任务内容",isCompleted:false,time:new Date().toLocaleString()}
    const todos = ref([]);
    const CompletedTodos = computed(() => {
      return todos.value.filter((todo) => todo.isCompleted);
    });
    const unCompletedTodos = computed(() => {
      return todos.value.filter((todo) => !todo.isCompleted);
    });

    //添加任务
    const addTodo = (todo) => {
      todos.value.push(todo);
    };

    //删除任务
    const removeTodo = (index) => {
      todos.value.splice(index, 1);
    };
    console.log(todos);

    return { todos, CompletedTodos, unCompletedTodos, addTodo, removeTodo };
  },
  {
    persist: true,
  }
);
